<template>
	<view class="main">
		<my-navbar></my-navbar>
		<view class="content-box">
			<pfmap id="map" style="margin:0 auto;width: 100%;height: 100%;"></pfmap>
		</view>
	</view>
</template>

<script>
	import pfmap from '../../components/map/LeafLetMap.vue'
	export default {
		data() {
			return {

			};
		},
		components: {
			pfmap
		},
		mounted() {},
		methods: {}
	}
</script>
<style>
	page {
		height: 100%;
		/* #ifdef MP-ALIPAY || MP-DINGTALK*/
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		/* #endif */
	}

	::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}
</style>
<style lang="scss">
	.main {
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.content-box {
		flex: 1;
		min-width: 0;
		min-height: 0;
		padding: 0 $uni-spacing-row-lg;

		.name-text {
			color: $u-type-success;
			text-decoration: underline;
		}
	}
</style>
